.content .order-wrap{padding-top: 20px;}
.content .order-wrap .lists{margin-top: 20px;background: #fff;}
.content .order-wrap .lists:first-child{margin-top: 0;}
.content .order-wrap .lists .head{border-bottom: 1px solid #dedede;height: 70px;line-height: 70px;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;}
.content .order-wrap .lists .head .area{background: url(../images/area.png) no-repeat left center;padding-left: 35px;color: rgba(10,10,10,.6);display: inline-block;vertical-align: middle;}
.content .order-wrap .lists .head .time{background: url(../images/time.png) no-repeat left center;padding-left: 35px;color: rgba(10,10,10,.6);display: inline-block;vertical-align: middle;margin-left: 30px;}
.content .order-wrap .lists.using .status{color: #FFD445;}
.content .order-wrap .lists .main-cont{padding: 25px 30px;border-bottom: 1px solid #dedede;}
.content .order-wrap .lists .main-cont::after{content: "";display: block;clear: both;}
.content .order-wrap .lists .main-cont .icon{width: 222px;height: 178px;}
.content .order-wrap .lists .main-cont .icon img{width: 100%;height: 100%;}
.content .order-wrap .lists .main-cont .txt{width: 442px;}
.content .order-wrap .lists .main-cont .txt .main-top{display: flex;justify-content: space-between;align-items: center;font-size: 30px;}
.content .order-wrap .lists .main-cont .txt .main-top .time-left{color: #EF184C;}
.content .order-wrap .lists .main-cont .txt .main-top .time-left span{color: #fff;background: #EF184C;display: inline-block;border-radius: 4px;width: 38px;height: 38px;text-align: center;line-height: 38px;}
.content .order-wrap .lists .main-cont .txt .barn-type{color: rgba(10,10,10,.4);margin-top: 40px;}
.content .order-wrap .lists .main-cont .txt .address{color: rgba(10,10,10,.4);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;}
.content .order-wrap .lists .button{text-align: right;height: 102px;padding: 0 30px;line-height: 102px;}
.content .order-wrap .lists .button button{font-size: 28px;height: 70px;border-radius: 8px;padding: 0 40px;color: #fff;}
.content .order-wrap .lists .button .retreat-btn{background: #F54972;}
.content .order-wrap .lists .button .ctd-btn{background: #FFD445;margin-left: 40px;}
.content .order-wrap .lists .button .open-btn{background: #6A849C;margin-left: 40px;}

.mask{background: rgba(0,0,0,.5);height: 100%;width: 100%;position: fixed;left: 0;top: 0;display: none;}
.mask .pop-ups{width: 670px;background: #fff;border-radius: 4px;left: 50%;top: 50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);position: fixed;}
.mask .pop-ups .head{border-bottom: 1px solid #E2E2E2;height: 100px;line-height: 100px;text-align: center;font-size: 36px;font-weight: 600;}
.mask .pop-ups .head .close-btn{display: block;position: absolute;right: 2%;top: 0;color: #727272;font-size: 70px;font-weight: 100;}
.mask .pop-ups .cont{padding: 0 35px;padding-bottom: 30px;}
.mask .pop-ups .cont .icon{text-align: center;margin: 50px 0;}
.mask .pop-ups .cont .txt{line-height: 50px;}
.mask .pop-ups .cont .txt span{color: #f02f5d;}
.mask .pop-ups .cont .button{margin-top: 50px;}
.mask .pop-ups .cont .button button{width: 285px;height: 94px;font-size: 34px;border-radius: 8px;background: #fff;border:1px solid #979797;color: rgba(10,10,10,.6);}
.mask .pop-ups .cont .button .ctd-btn2,.mask .pop-ups .cont .button .retr-btn{background: #FFD445;border:none;color: #fff;margin-left: 22px;}
